//定义全局css变量
@primary: #40BFFF;
@header-height: 195rem;
@modal-color: rgba(1, 56, 101, 0.6);

:root {
  //Cy组件的一些自定义样式
  .cy-global-box {
    padding: 0;
    background: transparent;
  }

  //CyBox title样式
  .cy-global-title {
    color: rgba(255, 255, 255, .86);
    font-size: 16rem;
    background: transparent;
    margin-bottom: 15rem;
  }

  //CyBox content样式
  .cy-global-content {
    border: 1rem solid rgba(255, 255, 255, 0.03);
    border-radius: 3rem;
    background: rgba(255, 255, 255, 0.03);
    padding: 20rem;
  }

  //地图页面CyBox标题样式
  .cy-map-title {
    font-size: 18rem;
    border: none;
    background: url(@/assets/images/map/cy-map-box-bg.png) no-repeat;
    background-size: 100% 43rem;
    margin-bottom: 14rem;
    height: 43rem;
    line-height: 43rem;
    padding-left: 16rem;
    color: hsla(0, 0%, 100%, .85);
    font-weight: 500;
  }

  //地图页面CyBox content样式
  .cy-map-content {
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1rem 0 hsla(0, 0%, 100%, .2);
    -webkit-backdrop-filter: blur(8rem);
    backdrop-filter: blur(8rem);
    width: 100%;
    padding: 20rem;
    border: 1rem solid rgba(255, 255, 255, 0.1);
  }

  //ant small button padding
  .ant-btn-sm {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  // empty description颜色
  .ant-empty-description {
    color: rgba(255, 255, 255, .55);
  }

  //Table td padding
  .ant-table-cell {
    padding: 8rem 16rem;
  }

  //Modal弹出框 高度限制
  .ant-modal-content {
    -webkit-backdrop-filter: blur(4rem);
    backdrop-filter: blur(4rem);

    .ant-modal-body {
      padding: 0 10rem;
      max-height: calc(100vh - 50rem);
      overflow-x: hidden;
      overflow-y: auto;
    }
  }

  //Menu下拉框背景模糊
  .ant-menu-light.ant-menu-submenu > .ant-menu {
    -webkit-backdrop-filter: blur(4rem);
    backdrop-filter: blur(4rem);
  }

  //Popconfirm背景 暂未找到配置项
  .ant-popover {
    --antd-arrow-background-color: rgb(2, 99, 134);

    .ant-popover-content {
      .ant-popover-inner {
        background-color: rgb(2, 99, 134);
        box-shadow: 0 6rem 16rem 0 rgba(255, 255, 255, 0.08), 0 3rem 6rem -4rem rgba(255, 255, 255, 0.12), 0 9rem 28rem 8rem rgba(255, 255, 255, 0.05);
      }
    }
  }
  .ant-card .ant-card-head{
    min-height: 45rem;
  }

  //Divider分割线颜色
  .ant-divider-dashed {
    border-color: rgba(47, 153, 197, 0.5)
  }

  //不允许表格头换行，影响高度计算
  .ant-table-thead > tr > th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  //滚动槽宽度
  ::-webkit-scrollbar {
    width: 5rem;
  }

  //滚动条滑块
  ::-webkit-scrollbar-thumb {
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.1);

    &:hover {
      cursor: pointer;
      background: rgba(255, 255, 255, 0.3);

    }
  }

}
